#img-title{
	position:relative;
}
#logo-unam{
	position:absolute;
	top:25%;
	right:68%;
	background-color: red;
}
#logo-lipc{
	position:absolute;
	top:25%;
	right:6.5%;
	background-color: blue;
}

body{
	background-color: #5E6E9E;
}
#container{
	position: absolute;
	left:50%;
	margin-left: -30%;
	background-color: #F3F5FC;
	text-align:center;
}

.color_body_background {
	background-color: #F3F5FC;
}
.fuente{ font-family:Arial, Helvetica, sans-serif;}
.tam9{font-size:9px;}
.tam10{font-size:10px;}
.tam11{font-size:11px;}
.tam12{font-size:12px;}
.negrita{font-weight:bold;}
.negro{color:#000000;}
.blanco{color:#FFFFFF;}
.rojo{color:#FF0000;}


.normal{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

.normal a{text-decoration:none }
.normal a:active{ color: #0000FF  }
.normal a:visited{ color: #0000FF  }
.normal a:hover{ text-decoration:underline }

.normal2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
}

.normal2 a{ text-decoration:none; }

.normal3_bold{
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:11px;
}

/* --------------------------------------------- */
/*  */
/* --------------------------------------------- */
.cal{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
}
.cal a{text-decoration:none }
.cal a:active{ color: #0000FF  }
.cal a:visited{ color: #0000FF  }
.cal a:hover{ text-decoration:underline  }

.cal_black{
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
}
.cal_black a:active{ color: #000000  }
.cal_black a:visited{ color: #000000  }

/* --------------------------------------------- */
/* Monthly Movies scree (movie.jsp): month link */
/* --------------------------------------------- */
.avi{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}
.avi a:active{ color: #0000FF  }
.avi a:visited{ color: #0000FF  }

/* --------------------------------------------- */
/*  */
/* --------------------------------------------- */
.resolucion{
  font-family:Arial, Helvetica, sans-serif;
  color:#A8A8A8;
  font-size:10px;
}

.resolucion2{
	font-family:Arial, Helvetica, sans-serif;
	color:#A8A8A8;
	font-size:10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
	margin-left:150px;
	margin-right:150px;
	margin-top:30px;
	padding-top:10px;
}

/* --------------------------------------------- */
/*  */
/* --------------------------------------------- */
.consulta_tit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

/* --------------------------------------------- */
/*  */
/* --------------------------------------------- */
.tabla_img{	border:0px solid #FFFFFF;}
.tabla_img_tit{	border:1px solid #7B96DD;}
.tabla_img2{ border:0px solid #EFEFEF;}
.tabla_img3{ border:0px solid #3399CC;}
.tabla_img4{ border:3px solid #3399CC;}
.tabla_img5{ border:1px solid #000000;}
.tabla_img6{ border:3px solid #FFFFFF;}
.tabla_img7{ border:1px solid #F5F5F5;}
.tabla_img8{ border:1px solid #083285;}
.tabla_img2{ border:0px solid #7F7F7F;}
.tabla_img_bold{
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:12px;
  border:1px solid #F5F5F5; 
}

/* --------------------------------------------- */
/*  */
/* --------------------------------------------- */
.res_pv a{ font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #000000 ;}
.res_pv a:hover{text-decoration: underline; }

/* -------------------------------------- */
/* pantalla incio (inico.jsp): link meses */
/* -------------------------------------- */
.home a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #000000 ;}
.home a:hover{text-decoration: none; }

/* --------------------------------------------- */
/*  */
/* --------------------------------------------- */
.tit_boat{
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:3px;
	color: #003399;

	border-bottom-color:#006699;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	margin-bottom:20px;
	padding-bottom:5px;

	border-top-color:#006699;
	border-top-style:dashed;
	border-top-width:1px;
	margin-top:20px;
	padding-top:5px;

	margin-left:80px;
	margin-right:80px;
}

.boat{
	border-left-color:#666666;
	border-left-style:dotted;
	border-left-width:2px;

	border-right-color:#666666;
	border-right-style:dotted;
	border-right-width:2px;
}

.buoy{
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:3px;
	color: #003399;
	margin-top:10px;
	margin-bottom:10px;
}

/*****************************************************/
/******************* CAPAS - LAYERS ******************/
/*****************************************************/
#meteo{
	position:absolute;
	left:49px;
	top:335px;
	width:740px;
	height:192px;
	z-index:4;
}

#imagenes{
	position:absolute;
	left:70px;
	top:128px;
	width:665px;
	height:178px;
	z-index:1;
	visibility: visible;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color:#666666;
	padding-left: 15px;
	padding-right: 15px;
}

#fecha{
	position:absolute;
	left:161px;
	top:7px;
	width:334px;
	height:21px;
	z-index:2;
	visibility: visible;
}

#tit_meteo{
	position:absolute;
	left:38px;
	top:8px;
	width:90px;
	height:130px;
	z-index:2;
}

#control{
	position:absolute;
	left:408px;
	top:192px;
	width:138px;
	height:57px;
	z-index:1
}

#tipo_img{
	position:absolute;
	left:570px;
	top:164px;
	width:177px;
	height:61px;
	z-index:2;
}

#legal{
	position:absolute;
	left:12px;
	top:550px;
	width:815px;
	height:17px;
	z-index:3;
	padding-bottom:40px;
}

/********************************************/
/******************* MENU *******************/
/********************************************/
#leftNav {
	position:relative;
	width: 133px;
}

.navBlock {
	WIDTH: 133px; BORDER-BOTTOM: #ffffff 0px solid; BACKGROUND-COLOR: #F3F5FC;
}

a.leftNavItem {
	DISPLAY: block; color: #000099; PADDING-LEFT: 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; MARGIN-LEFT: 9px; WIDTH: 110px; PADDING-TOP: 1px; BORDER-BOTTOM: #999999 1px dashed; TEXT-DECORATION: none
}

a.leftNavItem:hover {
	COLOR: #cc3300; BACKGROUND-COLOR: #cde3f9
}

a.leftNavItem2 {
	DISPLAY: block; color:#000099; PADDING-LEFT: 15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; PADDING-BOTTOM: 1px; MARGIN-LEFT: 9px; WIDTH: 108px; PADDING-TOP: 1px; TEXT-DECORATION: none
}

a.leftNavItem2:hover {
	COLOR: #cc3300; BACKGROUND-COLOR: #cde3f9
}

.leftNavIt {
	DISPLAY: block; color: #000099; PADDING-LEFT: 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; MARGIN-LEFT: 9px; WIDTH: 110px; PADDING-TOP: 1px; BORDER-BOTTOM: #999999 1px dashed; TEXT-DECORATION: none
}
#nav-image{
	width:1280px;
	height:960px;
}

#video-info{
    color:#0000FF;
    padding-left: 45px;
}